﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>树</title>
<link href="/css/shangjia-ued.css" rel="stylesheet" type="text/css">
<script src="/js/lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/plugin/datepicker/WdatePicker.js"></script>
</head>

<body>


<table border="0" class="ued_table_1">
  
    <!--list---------------------------->
    <tr>
        <td class="title" colspan="2">日历 常用</td>
    </tr>
    <tr>
        <td width="250">
        
        </td>
        <td>
        </td>
    </tr>
    <!--/list----------------------------> 
      
</table>
<br />















<div>
	<h4>示例1 常规调用</h4>
	<p>
		<input type="text" onclick="WdatePicker()" id="d11">
		<br>
		&lt;input id="d11" type="text" <span class="STYLE1">onClick="WdatePicker()"</span>/&gt;</p>
</div>

<div>
	<h4>示例1-2 常规调用 禁止手动输入</h4>
	<p>
		<input type="text" onclick="WdatePicker({readOnly:true}) " id="d11_2">
		<br>
		&lt;input id="d11" type="text" <span class="STYLE1">onClick="WdatePicker()"</span>/&gt;</p>
</div>

<div>
	<h4>示例2 图标触发</h4>
	<p>
		<input type="text" id="d12">
		<img width="16" height="16" align="absmiddle" onclick="WdatePicker({el:'d12'})" style="cursor:pointer" src="datepicker/skin/datePicker.gif"> <br>
		&lt;input id="<span class="STYLE1">d12</span>" type="text"/&gt;<br>
		&lt;img onclick="WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'d12'</span>})"  src="../skin/datePicker.gif" width="16" height="22" align="absmiddle"&gt;<br>
		<span class="STYLE1">注意:</span>只需要传入控件的id即可</p>
</div>

<div>
	<h4>示例3: 年月日时分秒</h4>
	<p>
	<input type="text" style="width:300px" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" id="d241">
	<br>
	&lt;input type="text" id="d241" onfocus="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy年MM月dd日 HH时mm分ss秒'</span>})" class="Wdate" style="width:300px"/&gt;<br>
	<br>
	<span class="STYLE1">注意:</span>点两次才能选择日期</p>
</div>

<div>
	<h4>示例4 前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01</h4>
	<p>合同有效期从
	<input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})" id="d4311" class="Wdate">
	到
	<input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})" id="d4312" class="Wdate">
	<br>
	&lt;input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({<span class="STYLE2">maxDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'</span>})"/&gt; <br>
	&lt;input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4311\')}'</span>,<span class="STYLE2">maxDate:'2020-10-01'</span>})"/&gt;<br>
	<br>
	<span class="STYLE1">注意:</span><br>
	两个日期的日期格式必须相同<br>
	<br>$dp.$ 相当于 document.getElementById 函数.<br>
	那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.<br>
	所以您在其他地方使用时注意把 \' 改成 " 或者 ' 来使用.<br>
	<br>
	#F{$dp.$D(\'d4312\')||\'2020-10-01\'}
	表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值<br>
	</p>
</div>


</body>
</html>